<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	template="/layout/template.xhtml">
	<ui:define name="body">
	<h1 class="title ui-widget-header ui-corner-all">#{message['incidencia.titulo']}</h1>
	<h:form id="editarIncidencia">
			 <p:messages showDetail="true" />
			 <p:fieldset legend="#{message['incidencia.panel']}">
             <p:dataTable var="oi" value="#{mantenimientoIncidenciaForm.listaObsIncidencia}" paginator="true" rows="10"
       paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
	   rowsPerPageTemplate="5,10,15" emptyMessage="No se encontro registros">
        <p:column headerText="Observación">
            <h:outputText value="#{oi.observacion}" />
        </p:column>
        <p:column headerText="Fecha fin">
            <h:outputText value="#{oi.fechafin}" />
        </p:column>
        <f:facet name="footer">
        <div align="left">
        <p:commandButton value="Nueva Observación"  update=":nuevaobsinc:display" icon="ui-icon-plusthick"
				oncomplete="ObsIncDialog.show()" 	title="Ingresar Observación"/>
        </div>
        </f:facet>
          </p:dataTable>
          </p:fieldset>
			<h:panelGrid id="display" columns="2" 
				style="margin:0 auto;">
            <p:fieldset legend="Datos del Cliente" style="margin-top:20px">  
<h:panelGrid columns="2" >
<h:outputText value="Nombres Completos :" />
			<h:outputText  value="#{mantenimientoIncidenciaForm.objCliente.nombrecliente}"  />
<h:outputText value="Correo :"  />
			<h:outputText  value="#{mantenimientoIncidenciaForm.objCliente.correo}"  />
<h:outputText value="Dirección :"  />
			<h:outputText value="#{mantenimientoIncidenciaForm.objCliente.directrabajo}" />
<h:outputText value="Distrito :"  />
			<h:outputText  value="#{mantenimientoIncidenciaForm.objCliente.telftrabajo}" />
<h:outputText value="Empresa donde trabaja :"  />
			<h:outputText  value="#{mantenimientoIncidenciaForm.objCliente.empresatrabajo}"  />
<h:outputText value="Cargo :" />
			<h:outputText  value="#{mantenimientoIncidenciaForm.objCliente.cargotrabajo}"  />
</h:panelGrid>
<h:panelGrid columns="3">
<h:outputText value="Teléfono :" />
<p:dataTable value="#{mantenimientoIncidenciaForm.listatelefono}" var="t" rowStyleClass="#{t.operadorTelefonico eq 'Claro' ? 'colorRojo': (t.operadorTelefonico eq 'Movistar' ? 'colorCeleste': 'color3') }"
	   id="DetalleTelefono" paginator="false" rows="5"
       paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
	   rowsPerPageTemplate="5,10,15" widgetVar="table"
	   emptyMessage="No se encontro registros">
	   <f:facet name="header"></f:facet>
       <p:column>
	    <f:facet name="header">
		 <h:outputText value="Teléfono" />
		</f:facet>
	    <h:outputText value="#{t.telefono}" />
	   </p:column>
	   <p:column>
		<f:facet name="header">
		 <h:outputText value="Tipo de Tel." />
		</f:facet>
         <h:outputText value="#{t.tipoTelef}" />
	   </p:column>
       <p:column>
		<f:facet name="header">
		 <h:outputText value="Operadora" />
		</f:facet>
		<h:outputText value="#{t.operadorTelefonico}" />
	   </p:column>
	  </p:dataTable>
</h:panelGrid>
</p:fieldset>
       <p:fieldset legend="Detalle de Pagos" style="margin-top:20px">  
	  <p:dataTable value="#{seguimientoCobranzaOpera.detallePagos}" var="p" rowStyleClass="#{p.fecpago == seguimientoCobranzaOpera.fecPagoNull ? 'colorRojo' : 'colorVerde'}"
	   id="DetallePagos" paginator="false" rows="10"
       paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
	   rowsPerPageTemplate="5,10,15" widgetVar="table"
	   emptyMessage="No se encontro registros">
	   <f:facet name="header"></f:facet>
       <p:column>
	    <f:facet name="header">
		 <h:outputText value="Nro de Cuotas" />
		</f:facet>
		<h:outputText value="#{p.numletra}" />
	   </p:column>
	   <p:column>
		<f:facet name="header">
		 <h:outputText value="Monto" />
		</f:facet>
		<h:outputText value="#{p.impinicial}" />
	   </p:column>
	   <p:column>
		<f:facet name="header">
		 <h:outputText value="Fec. de Vencimiento" />
		</f:facet>
		<h:outputText value="#{p.fechaVencimientoString}" />
	   </p:column>
	   <p:column>
		<f:facet name="header">
		 <h:outputText value="Fec. de Pago" />
		</f:facet>
		<h:outputText value="#{p.fecpago}" />
	   </p:column>
	  </p:dataTable>
</p:fieldset>
			</h:panelGrid>
	     <p:fieldset legend="Editar Incidencia">     
				<h:outputText value="Estado" />				
				<p:selectOneMenu id="estado" value="#{mantenimientoIncidenciaForm.estado}" styleClass="required" title="El estado es obligatorio!" >
                <f:selectItem  itemValue="#{null}" itemLabel="Seleccione una opción"/>
                <f:selectItem  itemValue="42" itemLabel="Terminada"/>
                <f:selectItem  itemValue="43" itemLabel="En proceso"/>
                <f:selectItem  itemValue="44" itemLabel="En espera"/>
                <f:selectItem  itemValue="45" itemLabel="Sin revisar"/>
                </p:selectOneMenu>
                <br />
                <p:commandButton id="btn" value="Guardar" update="panel"
						action="#{mantenimientoIncidenciaForm.insertar}"
						ajax="false" icon="ui-icon ui-icon-disk" />
                <p:commandButton value="Regresar" action="#{mantenimientoIncidenciaSearch.listar}" immediate="true" ajax = "false"  icon="ui-icon-circle-arrow-w" />
               </p:fieldset>     
	</h:form>
	</ui:define>
</ui:composition>